@media screen and (min-width: 1024px) {
  body.index.getRatio100 {
    zoom: 0.704 !important;
    transform: scale(0.704) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1152px) {
  body.index.getRatio100 {
    zoom: 0.75 !important;
    transform: scale(0.75) !important;
    transform-origin: 0 0 !important;
  }

  body.index.getRatio100 body.index .el-loading-mask.is-fullscreen,
  body.index .el-overlay {
    transform: scale(1.8) !important;
    width: 100% !important;
    position: fixed;
    right: auto !important;
  }
}

@media screen and (min-width: 1280px) {
  body.index.getRatio100 {
    zoom: 0.79 !important;
    transform: scale(0.79) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1360px) {
  body.index.getRatio100 {
    zoom: 0.813 !important;
    transform: scale(0.813) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1366px) {
  body.index.getRatio100 {
    zoom: 0.813 !important;
    transform: scale(0.813) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  body.index.getRatio100 {
    zoom: 0.826 !important;
    transform: scale(0.826) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1440px) {
  body.index.getRatio100 {
    zoom: 0.835 !important;
    transform: scale(0.835) !important;
    transform-origin: 0 0 !important;
  }

  body.index.getRatio125 {
    zoom: 0.85 !important;
    transform: scale(0.85) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1600px) {
  body.index.getRatio100 {
    zoom: 0.88 !important;
    transform: scale(0.88) !important;
    transform-origin: 0 0 !important;
  }

  body.index.getRatio125 {
    zoom: 0.89 !important;
    transform: scale(0.89) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1680px) {
  body.index.getRatio100 {
    zoom: 0.902 !important;
    transform: scale(0.902) !important;
    transform-origin: 0 0 !important;

  }
}

@media screen and (min-width: 1792px) {
  body.index.getRatio100 {
    zoom: 0.93 !important;
    transform: scale(0.93) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1856px) {
  body.index.getRatio100 {
    zoom: 0.95 !important;
    transform: scale(0.95) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1920px) {
  body.index.getRatio100 {
    zoom: 1 !important;
    transform: scale(0.93) !important;
    transform-origin: 0 0 !important;
  }

  body.index.getRatio125 {
    zoom: 0.93 !important;
    transform: scale(0.93) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 2560px) {
  body.index.getRatio100 {
    zoom: 1 !important;
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 2048px) {
  body.index.getRatio100 {
    zoom: 0.99 !important;
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 2520px) {
  body.index.getRatio100 {
    zoom: 1 !important;
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
  }
}

.htmlc {
  font-size: inherit !important;
}

@media screen and (min-width: 1024px) {
  body.index.getRatio150 {
    zoom: 0.704 !important;
    transform: scale(0.704) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 934px) {
  body.index.getRatio150 {
    zoom: 0.668 !important;
    transform: scale(0.668) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 960px) {
  body.index.getRatio150 {
    zoom: 0.678 !important;
    transform: scale(0.678) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1067px) {
  body.index.getRatio150 {
    zoom: 0.718 !important;
    transform: scale(0.718) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1120px) {
  body.index.getRatio150 {
    zoom: 0.738 !important;
    transform: scale(0.738) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1152px) {
  body.index.getRatio150 {
    zoom: 0.762 !important;
    transform: scale(0.762) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1238px) {
  body.index.getRatio150 {
    zoom: 0.774 !important;
    transform: scale(0.774) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1280px) {
  body.index.getRatio150 {
    zoom: 0.79 !important;
    transform: scale(0.79) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1360px) {
  body.index.getRatio150 {
    zoom: 0.813 !important;
    transform: scale(0.813) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1366px) {
  body.index.getRatio150 {
    zoom: 0.813 !important;
    transform: scale(0.813) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1400px) {
  body.index.getRatio150 {
    zoom: 0.826 !important;
    transform: scale(0.826) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1440px) {
  body.index.getRatio150 {
    zoom: 0.835 !important;
    transform: scale(0.835) !important;
    transform-origin: 0 0 !important;
  }

  body.index.getRatio125 {
    zoom: 0.85 !important;
    transform: scale(0.85) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1600px) {
  body.index.getRatio150 {
    zoom: 0.88 !important;
    transform: scale(0.88) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1680px) {
  body.index.getRatio150 {
    zoom: 0.91 !important;
    transform: scale(0.91) !important;
    transform-origin: 0 0 !important;

  }
}

@media screen and (min-width: 1792px) {
  body.index.getRatio150 {
    zoom: 0.93 !important;
    transform: scale(0.93) !important;
    transform-origin: 0 0 !important;

  }
}

@media screen and (min-width: 1856px) {
  body.index.getRatio150 {
    zoom: 0.95 !important;
    transform: scale(0.95) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1920px) {
  body.index.getRatio150 {
    zoom: 1 !important;
    transform: scale(0.93) !important;
    transform-origin: 0 0 !important;
  }

  body.index.getRatio125 {
    zoom: 0.93 !important;
    transform: scale(0.93) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 2560px) {
  body.index.getRatio150 {
    zoom: 1 !important;
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 2048px) {
  body.index.getRatio150 {
    zoom: 1 !important;
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 2520px) {
  body.index.getRatio150 {
    zoom: 1 !important;
    transform: scale(1) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1280px) {
  body.index.getRatio200 {
    zoom: 0.789 !important;
    transform: scale(0.789) !important;
    transform-origin: 0 0 !important;
  }
}


/* =============== */
@media screen and (min-width:820px) {
  body.index.getRatio125 {
    zoom: 0.628 !important;
    transform: scale(0.628) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width:1088px) {
  body.index.getRatio125 {
    zoom: 0.728 !important;
    transform: scale(0.728) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width:1024px) {
  body.index.getRatio125 {
    zoom: 0.700 !important;
    transform: scale(0.700) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width:1093px) {
  body.index.getRatio125 {
    zoom: 0.728 !important;
    transform: scale(0.728) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1120px) {
  body.index.getRatio125 {
    zoom: 0.738 !important;
    transform: scale(0.738) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1152px) {
  body.index.getRatio125 {
    zoom: 0.748 !important;
    transform: scale(0.748) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1280px) {
  body.index.getRatio125 {
    zoom: 0.788 !important;
    transform: scale(0.788) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1344px) {
  body.index.getRatio125 {
    zoom: 0.810 !important;
    transform: scale(0.810) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1434px) {
  body.index.getRatio125 {
    zoom: 0.833 !important;
    transform: scale(0.833) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1536px) {
  body.index.getRatio125 {
    zoom: 0.863 !important;
    transform: scale(0.863) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 1639px) {
  body.index.getRatio125 {
    zoom: 0.89 !important;
    transform: scale(0.89) !important;
    transform-origin: 0 0 !important;
  }
}

@media screen and (min-width: 2048px) {
  body.index.getRatio125 {
    zoom: 0.995 !important;
    transform: scale(0.995) !important;
    transform-origin: 0 0 !important;
  }
}